<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta http-equiv="imagetoolbar" content="no" />
        <meta name="keywords" content="網頁設計,平面設計,插畫" />
        <meta name="description" content="DFUNS個人網站與美工網頁設計教學,CSS,FLASH" />
        <meta name="copyright" content="本網頁著作權 DFUNS 2000-2010 All Rights Reserved."/>
        <meta name="author" content="DFUNS by Away" />
        <title>=DFUNS™= CSS語法教學-按鈕排列</title>
        <script src="js/styleswitcher.js" type="text/javascript"></script>
        <link href="css/main1.css" rel="alternate stylesheet" type="text/css" title="main1"/>
        <link href="css/main2.css" rel="alternate stylesheet" type="text/css" title="main2"/>
    </head>

    <body>
        <div class="menu">
            <ul>
                <li><a href="http://www.dfuns.idv.tw">DFUNS設計網</a></li>
                <li><a href="http://www.dfuns.idv.tw/teach/teach.html">Dreamweaver</a></li>
                <li><a href="http://www.dfuns.idv.tw/webDesign/webDesign.html">Flash</a></li>
                <li><a href="http://www.dfuns.idv.tw/design/design.html">Photoshop</a></li>
                <li><a href="http://www.dfuns.idv.tw/design/design.html">Illustrator</a></li>
            </ul>
        </div>
        <div class="change">
            <a href="#" onclick="setActiveStyleSheet('main1')">按鈕樣式一</a>
            <a href="#" onclick="setActiveStyleSheet('main2')">按鈕樣式二</a>

        </div>
        <div class="footer">
            <h1>CSS語法教學 │按鈕排列(水平、垂直)│</h1>
            <p>DFUNS教學網範例 = <a href="http://www.dfuns.idv.tw">http://www.dfuns.idv.tw</a> =</p>
        </div>
    </body>
</html>
